﻿<!DOCTYPE html> 
<html> 
	<head> 
        <meta charset="utf-8" />
	    <title>@ViewBag.Title</title> 
        <meta name="viewport" content="width=device-width" />
	    <link rel="stylesheet" href="@Url.Content("http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css")" />
        <link rel="stylesheet" href="@Url.Content("~/Content/Site.css")" />
        <link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog.min.css" /> 

         <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
	<link type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.css" rel="stylesheet" /> 
	<link type="text/css" href="http://dev.jtsage.com/jQM-DateBox/css/demos.css" rel="stylesheet" /> 
	       	<link type="text/css" href="http://dev.jtsage.com/gpretty/prettify.css" rel="stylesheet" />

        <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.6.4.min.js")"></script>

       @* <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.mobile-1.0b2.min.js")"></script>
       *@
        <script type="text/javascript" src="@Url.Content("http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js")"></script>
        	<script type="text/javascript" src="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog.min.js"></script>

        <script type="text/javascript" src="http://dev.jtsage.com/jquery.mousewheel.min.js"></script>
	<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.js"></script>
	<script type="text/javascript" src="http://dev.jtsage.com/gpretty/prettify.js"></script>

          <script type="text/javascript">


              $(document).bind("mobileinit", function () {
                  // As of Beta 2, jQuery Mobile's Ajax navigation does not work in all cases (e.g.,
                  // when navigating from a mobile to a non-mobile page, or when clicking "back"
                  // after a form post), hence disabling it.
                  $.mobile.ajaxEnabled = false;
                  $.mobile.page.prototype.options.degradeInputs.date = true;


              });

              $(document).delegate('#simplestring', 'click', function () {
                  $(this).simpledialog({
                      'mode': 'string',
                      'prompt': 'What do you say?',
                      'cleanOnClose': true,
                     
                      'buttons': {
                          'OK': {
                              click: function () {
                                  $('#simplestringout').text($('#simplestring').attr('data-string'));
                              }
                          },
                          'Cancel': {
                              click: function () { console.log(this); },
                              icon: "delete",
                              theme: "c"
                          }
                      }
                  })
              });





        </script>
 

    </head> 
<body> 
    <div data-role="page" data-theme="b" >
	    <div data-role="header">
            @if (IsSectionDefined("Header"))
            {
                @RenderSection("Header")
            }
            else
            {
		        <h1>@ViewBag.Title</h1>
                @Html.Partial("_LogOnPartial")
            }
	    </div>

	    <div data-role="content">	
		    @RenderBody()
	    </div>

    </div>

</body>
</html>